{extend name="base"/}
{block name="title"}
<title>妙百睿国际幼儿园-{$map_name}</title>
{/block}

{block name="content"}
<div class="g-hert">
    <div class="container">
        <div class="row">
            <div class=" xuxian">
                <p class="x-left pull-left">{$map_name} <span class="smalll"></span></p>
                <p class="x-right pull-right">首页&nbsp;{$map}</p>
            </div>
            <div class="col-md-12 x-b">
                <img class="hidden-xs" src="{$data.img_url1}" alt="">
                <img class="visible-xs" src="{$data.img_url2}" alt="">
            </div>
            <div class="col-md-12 x-c">
                <div class="x-c-t">
                    {$data.title1}
                    <div class="pull-right" style="padding: 0;font-size: 18px;">
                        {$data.title2}
                    </div>
                </div>
            </div>
            <div class="col-md-12 " style="margin-top: 20px">

                <?php foreach($data['position'] as $k=>$v) { if(empty($v)) continue; ?>
                <div class="panel-group" id="mypane{$k+1}">
                    <div class="panel panel-primary">
                        <div class="panel-heading" >
                            <div class="panel-title" style="overflow: hidden" >
                                <a data-toggle="collapse" data-parent="mypanel" href="#item{$k+1}" >
                                    <div class="pull-left">
                                        <span class="title">{$v}</span>
                                        <span class="num"><?php echo $data['num'][$k];?></span>
                                        <span><i class="glyphicon glyphicon-map-marker"></i><?php echo $data['place'][$k];?></span>
                                    </div>
                                    <div class="pull-right"><i class="glyphicon glyphicon-chevron-right up"></i><i style="display: none" class="glyphicon glyphicon-chevron-down down"></i></div>
                               </a>
                            </div>
                        </div>
                        <div id="item{$k+1}" class="panel-collapse collapse {if condition="$k == 0"}in{/if}">
                            <div class="panel-body">
                                <?php echo str_replace("\r\n", '<br>',$data['content'][$k]);?>
                            </div>
                        </div>
                    </div>
                </div>
                <?php }?>

            </div>
     </div>
  </div>
</div>

{/block}
{block name="js"}
<script>
    $(function(){

    })
</script>
{/block}